<template>
  <div>
    <div class="food_bg">
      <img src="/img/food/sea_bg.jpg" alt="" />
      <h1>舟山海味</h1>
      <p>祖国渔都 为您推荐特色美食</p>
      <div class="icon">
        <div class="item">
          <div></div>
          <router-link to="/food/food_seafood">海鲜排档</router-link>
        </div>
        <div class="item">
          <div></div>
          <router-link to="/food/food_hotel">酒楼饭店</router-link>
        </div>
        <div class="item">
          <div></div>
          <a href="#">风味小吃</a>
        </div>
        <div class="item">
          <div></div>
          <a href="#">舟山心意</a>
        </div>
      </div>
    </div>
    <router-view/>
  </div>
</template>

<script>
export default {
  mounted () {
    if(this.$route.path == '/food/food_seafood')  return
    this.$router.push('/food/food_seafood')
  },
};
</script>
<style scoped src="../assets/css/food.css"></style>
<style lang="scss" scoped></style>
